环境变量

您所在的位置:网站首页 webpack build设置参数 环境变量

环境变量

2023-09-17 21:30| 来源: 网络整理| 查看: 265

想要消除 webpack.config.js 在 开发环境 和 生产环境 之间的差异,你可能需要环境变量(environment variable)。

tip

webpack 环境变量,与操作系统中的 bash 和 CMD.exe 这些 shell 环境变量 不同。

webpack 命令行 环境配置 的 --env 参数,可以允许你传入任意数量的环境变量。而在 webpack.config.js 中可以访问到这些环境变量。例如,--env production 或 --env goal=local。

npx webpack --env goal=local --env production --progresstip

如果设置 env 变量,却没有赋值,--env production 默认表示将 env.production 设置为 true。还有许多其他可以使用的语法。更多详细信息,请查看 webpack CLI 文档。

对于我们的 webpack 配置,有一个必须要修改之处。通常,module.exports 指向配置对象。要使用 env 变量,你必须将 module.exports 转换成一个函数:

webpack.config.js

const path = require('path'); module.exports = (env) => { // Use env. here: console.log('Goal: ', env.goal); // 'local' console.log('Production: ', env.production); // true return { entry: './src/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist'), }, }; };tip

webpack CLI 提供一些你可以在 webpack 配置中访问的内建环境变量。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3